// pages/shop/detail.js
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    picArray: [1, 2, 3],
    curIndex: 0,
    commentArray: [1, 2, 3],
    starArray: [1, 2, 3, 4, 5],
    isIphoneX: false,
    joinCart: false,
    itemSizeArray: ['标准版', '畅想套装'],
    sizeIndex: 0,
    itemColorArray: ['黑色', '红色'],
    colorIndex: 0,
    count: 1,
    commentScrollTop: 0,
    featureScrollTop: 0,
    navShow: true,
    navType:0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this.setData({
      isIphoneX: app.globalData.isIphoneX,
      commentScrollTop: Math.ceil(780 / (750 / app.globalData.sysInfo.windowWidth)) ,
      featureScrollTop: Math.ceil(1576 / (750 / app.globalData.sysInfo.windowWidth))
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  },
  onPageScroll: function(e) {
    //console.log(e.scrollTop);
    if (e.scrollTop >= this.data.commentScrollTop && e.scrollTop < this.data.featureScrollTop) {
      this.setData({
        navShow:true,
        navType:1
      })
    }else if(e.scrollTop >= this.data.featureScrollTop){
      this.setData({
        navShow: true,
        navType:2
      })
    }else{
      this.setData({
        navShow: false,
        navType:0
      })
    }
  },
  noScroll: function() {},
  //展示购物车
  isShow: function(e) {
    this.setData({
      joinCart: e.currentTarget.dataset.isshow == 'true' ? true : false
    })
  },
  //选择尺寸
  sizeChange: function(e) {
    this.setData({
      sizeIndex: e.detail.value
    });
  },
  //选择颜色
  colorChange: function(e) {
    this.setData({
      colorIndex: e.detail.value
    });
  },
  //数量选择
  numberChange: function(e) {
    //console.log(e.detail.count);
    this.setData({
      count: e.detail.count
    })
  },
  //导航定位
  navChange: function(e) {
    var temp = e.currentTarget.dataset.type;
    var top = 0;
    switch (temp) {
      case "1":
        top = this.data.commentScrollTop+4;
        break;
      case "2":
        top = this.data.featureScrollTop;
        break;
      default:
        top = 0;
        break;
    }
    wx.pageScrollTo({
      scrollTop: top,
    })
  },
  //提交数据
  submit: function(e) {
    console.log(e.detail.value);
  }
})